<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="../image/favicon.ico">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        header {
            width: 100%;
            height: 60px;
        }

        header img {
            width: 120px;
            height: 30px;
            float: left;
            margin: 15px 100px 0 100px;
        }

        header li {
            float: left;
            list-style: none;
            line-height: 60px;
            margin-right: 80px;
            cursor: pointer;
            color: #7B7B7B;
        }
        header li:first-child{
            width: 35px;
            height: 55px;
            color: #0B60F2;
            font-weight: bold;
            border-bottom: 5px solid #0B60F2;
        }

        header button {
            float: right;
            width: 60px;
            height: 40px;
            border: 1px solid #3D7EF1;
            margin-top: 10px;
            cursor: pointer;
        }

        .login {
            background-color: white;
            margin-right: 15px;
            color: #3D7EF1;
        }

        .register {
            background-color: blue;
            margin-right: 100px;
            color: #fff;
        }

        footer {
            width: 100%;
            height: 150px;
            background-color: #282828;
        }

        .nav {
            width: 1200px;
            height: 100px;
        }

        .nav li {
            list-style: none;
            float: left;
            color: #fff;
            font-size: 10px;
            margin-top: 50px;
            margin-left: 30px;
            cursor: pointer;
        }

        .nav .first {
            margin-left: 170px;
        }

        .nav img {
            float: right;
            margin-top: 40px;
        }

        .bottom {
            color: #fff;
            font-size: 10px;
            margin: 20px 0 0 170px;
        }
        article{
            width: 100%;
            height: 800px;
            background-color: #F2F4F8;
            position: relative;
        }
        .college{
            width: 100%;
            height: 200px;
        }
        .overlay{
            width: 1200px;
            height: 650px;
            background-color: #fff;
            position: absolute;
            top: 130px;
            left: 150px;
        }
        .company{
            width: 100px;
            height: 25px;
            text-align: center;
            font-size: 22px;
            font-weight: bold;
            border-left: 6px solid #1162EE;
            margin-top: 50px;
            margin-left: 40px;
        }
        .line{
            width: 1100px;
            height: 5px;
            background-color: #DBDBDB;
            margin: 15px 0 15px 50px;
        }
        .overlay img{
            width: 1100px;
            margin-left: 50px;
        }
        .overlay p{
            width: 1100px;
            margin-top: 20px;
            margin-left: 50px;
            font-family: 'Microsoft Yahei';
        }
    </style>
</head>

<body>
    <header>
        <img src="../image/gokjob_logo.png" alt="">
        <ul>
            <li>首页</li>
            <li>应聘求职</li>
            <li>在线学习</li>
            <li>集客项目</li>
        </ul>
        <button class="register">注册</button>
        <button class="login">登录</button>
    </header>
    <article>
        <img class="college" src="../image/college-intro.jpg" alt="">
        <div class="overlay">
            <div class="company">公司简介</div>
            <div class="line"></div>
            <img src="../image/about-process.jpg" alt="">
            <p>国科学院是福建国科信息科技有限公司(简称”国科科技”) IT人才培养基地，培养对象包括在校学生及在职人员，培养方向包括ICT技术 软件开发、移动互联网、信
                息安全、人工智能、大数据、动漫影视等，覆盖了泛IT行业的各大主要领域。</p>  
            <p>国科学院是国科科技产2教融合体系的对接平台，凭借对高校教育体制的深刻理解，国科对行业人才模型进行翻译，研发出适合高校教学的应用型 人才培养方案，深度合作
                高校，落地实习实训、课程融合、实验室共建、专业共建、联合办学等灵活而多样的校企合作模式，秉承以学生为中心的原则， 跟进学生整个职业成长过程，用心交付精
                细化应用型人才的培养服务，不断扩充满足企业用人需求的应用型人才资源池。</p> 
            <p>目前国科学院在厦门、福州、泉州、成都四地共设立6个人才培养基地，合作包括厦i ]大学、福州大学、福建师范大学、集美大学、厦门理工学院等超五十所本科及高职
                院校，通过与产业端共同深度研发，已完成IT领域多个专业的课程开发。国科学院提供符合”业发展的专业课交付服务,每年服务高校学生超过10000人，积累了超过
                3000人的人才资源池，与华为、绿盟、深信服、锐捷、360企业安全、福富、福诺、联通、中邮科、新东网等知名IT公司建立了长期的人才合作关系，为超过100家产业
                公司提供了稳定、优质的项目服务。</p>
            <p>在2019华为中国区生态大会中，国科组织1 200名高校学生，近百名福建高校软件信息类院系领导老师参会。</p>
        </div>
    </article>
    <footer>
        <div class="nav">
            <li class="first">首页</li>
            <li>关于我们</li>
            <li>了解国科就业</li>
            <li>国科学院</li>
            <li>集客服务</li>
            <li>意见反馈</li>
            <img src="../image/foot_logo.png" alt="">
        </div>
        <div class="bottom">©2018 job.goktech.cn 闽ICP备15016628号-1 </div>
    </footer>
</body>

</html>